<template>
    <view class="content">
        <view class="C-Left">
            <image src="../static/image/gou-fill.png" mode="scaleToFill"/>
        </view>
        <view class="C-Right">
            <view class="Name">用户昵称</view>
            <view class="PF">
                <up-rate :count="count" v-model="value" :readonly="true"></up-rate>
                <view class="Time">2024-01-01 23：59：59</view>
            </view>
            <view class="ImgList">
                <image src="../static/image/gou-fill.png" mode="scaleToFill" class="Image"/>
                <image src="../static/image/gou-fill.png" mode="scaleToFill" class="Image"/>
                <image src="../static/image/gou-fill.png" mode="scaleToFill" class="Image"/>
            </view>
        </view>
    </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.content{
    display: flex;
    padding: 30rpx;
    background-color: #fff;
    .C-Left{
        margin-right: 16rpx;
        image{
            width: 80rpx;
            height: 80rpx;
            display: block;
            border-radius: 50%;
        }
    }
    .C-Right{
        flex: 1;
        .Name{
            font-weight: 400;
            font-size: 26rpx;
            color: #999999;
            margin-bottom: 10rpx;
        }
        .PF{
            display: flex;
            align-items: center;
            margin-bottom: 16rpx;
            justify-content: space-between;
            .Time{
                font-weight: 400;
                font-size: 24rpx;
                color: #999999;
            }
        }
        .ImgList{
            display: flex;
            align-items: center;
            justify-content: space-between;
            .Image{
                width: 176rpx;
                height: 176rpx;
                display: block;
                border-radius: 16rpx;
            }
        }
    }
}
</style>